.footer {
  background: #fff;
  padding: 48px 0 24px;

  .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
  }

  :global {
    .ant-typography {
      margin-bottom: 16px;
    }
  }

  ul {
    list-style: none;
    padding: 0;
    margin: 0;

    li {
      margin-bottom: 12px;

      a {
        color: rgba(0, 0, 0, 0.65);
        transition: color 0.3s;

        &:hover {
          color: #1890ff;
        }
      }
    }
  }

  .bottom {
    margin-top: 48px;
    padding-top: 24px;
    border-top: 1px solid #f0f0f0;
    text-align: center;

    .links {
      margin-bottom: 16px;

      a {
        color: rgba(0, 0, 0, 0.45);
        margin: 0 16px;
        transition: color 0.3s;

        &:hover {
          color: #1890ff;
        }
      }
    }
  }

  @media (max-width: 768px) {
    padding: 32px 0 16px;

    .container {
      padding: 0 16px;
    }

    .bottom {
      margin-top: 32px;
      padding-top: 16px;

      .links {
        a {
          margin: 0 8px;
        }
      }
    }
  }
} 